<template>
  <div class="settingclosed">
    <div class="settingclosed-top">
      <i class="el-icon-warning" type="primary"/><br>
      <span>尚未启用云视频</span>
      <br>
      <el-button type="primary" size="medium" @click="createData()">立即启用</el-button>
    </div>
    <!--<div class="settingclosed-main">-->
      <!--<p>1.专注教育——提供视频随堂练习、视频字幕、视频弹幕等多项针对在线教育的视频教学手段，让视频教学更有乐趣。</p>-->
      <!--<p>2.稳定安全——提供视频水印、视频指纹等多项安全措施，防止视频盗录，有效阻止视频盗播和恶意下载。稳定可靠的视频云存储服务，保障数据安全，防止物理丢失。</p>-->
      <!--<p>3.高性价比——针对在线教育的视频动态转码技术，以及浏览器缓存播放、移动端离线播放等多项功能，大大压缩视频流量成本。</p>-->
      <!--<p>4.优质视听体验——采用CDN（内容分发网络）技术，200多个国内外优质节点，保障高清流畅的视听体验。多种清晰度自由切换，不同的网络环境都能流畅观看。多终端全平台完美支持，随时随地观看精彩视频。</p>-->
      <!--<p>-->
        <!--5.单价￥0.8/GB，购买云视频包享受更多优惠，立即-->
        <!--<a href="#" style="color:#409eff">了解详情</a> 。-->
      <!--</p>-->
    <!--</div>-->
  </div>
</template>


<script>
  import {getTenantId} from '@/utils/auth';
  import {addData, getData} from '@/api/cloud/cloud_video_set';

  export default {
    data() {
      return {
        CloudVideoSet: {
          status: '1',
        },
      }
    },
    methods: {
      createData() {
        this.CloudVideoSet.tenantId = getTenantId();
        addData(this.CloudVideoSet).then(() => {
          this.$notify({
            title: '成功',
            message: '操作成功',
            type: 'success',
            duration: 2000
          });
        });
        this.$emit('open')
      }
    }
  }
</script>

<style lang="scss">
  .settingclosed {
    width: 900px;
    box-shadow: 0 0px 10px rgba(205, 225, 225, 1);
    margin-top: 30px;

    &-top {
      width: 100%;
      height: 207px;
      text-align: center;
      padding-top: 50px;

      .el-button {
        margin-top: 20px;
      }

      .el-icon-warning {
        font-size: 50px;
        margin-bottom: 10px;
        color: #409eff;
      }
    }

    &-main {
      width: 100%;

      p {
        margin: 0;
        line-height: 30px;
        font-size: 16px;
        text-align: center;
      }
    }
  }
</style>
